<template>
	<view class="hr-bottom">
		<view class="hr-information">
			<view class="hr-information-item" v-for="(item,index) in hr_Information" :key='index'>
				<text class="lable_key" space="nbsp">{{item.lable_key}} </text>
				<text class="lable_value">{{item.lable_value}}</text>
			</view>
		</view>
		<button @click="contact">立即联系</button>
	</view>
</template>

<script>
	export default {
		methods: {
			contact() {
				uni.makePhoneCall({
					// 手机号
					phoneNumber: '13599503939',
					// 成功回调
					success: (res) => {
						console.log('调用成功!')
					},
					// 失败回调
					fail: (res) => {
						console.log(res);
						console.log('调用失败!')
					}

				});
			}
		},
		data() {
			return {
				"hr_Information": [{
						"lable_key": "工作地点：",
						"lable_value": "全国各区域"
					},
					{
						"lable_key": "待遇：",
						"lable_value": "8K-15K"
					}, {
						"lable_key": "联系人：",
						"lable_value": "黄女士"
					}, {
						"lable_key": "联系电话：",
						"lable_value": "13599503939"
					}
				]
			}
		},
	}
</script>

<style scoped lang="scss">
	.hr-bottom {
		margin-top: 20rpx;
		margin-left: 41rpx;
		margin-right: 41rpx;
		
		.hr-information {
			display: flex;
			// justify-content: space-between;
			display: flex;
			flex-wrap: wrap;

			.hr-information-item {
				width: 50%;
				color: #FFFFFF;
			}

			.lable_value {
				font-size: 30rpx;
			}
		}


		button {
			margin-left: -15rpx;
			position: fixed;  
			bottom: 45rpx;
			width: 696rpx;
			height: 100rpx;
			margin-top: 68rpx;
			background: #FFE220;
			box-shadow: 0rpx 3rpx 0rpx 0rpx #FBC23A;
			border-radius: 50rpx;
			font-size: 42rpx;
			font-family: Source Han Sans CN;
			color: #3844CD;
			line-height: 97rpx;
			text-align: center;
		}
	}
</style>
